<!DOCTYPE html>
<html>
	<!-- 3.新制作一个注册页面，要求
	      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
	      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
	      3.3 每个需要提交的标签都要有name值
	      3.4 按照name的方式查找各个元素
	      3.5 按照标签的方式查找各个元素 -->
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="#" method="get">
			用户名：<input type="text" name="username" id="name_id" value="" />
			<br />
			密码：<input type="password" name="pwd" value=""/>
			<br />
			性别：<input type="radio" name="gender" value="man">男<input type="radio" name="gender" value="women">女
			<br />
			学院：<select name="collge">
				<option value="RJGC">软件工程学院</option>
				<option value="JYYS">教育与艺术学院</option>
				<option value="XXZZ">信息与制造学院</option>
			</select>
			<br />
			爱好：<input type="checkbox" name="pingpong" name="like"/>乒乓球
			<input type="checkbox" name="reading" name="like"/>阅读
			<br />
			自我介绍：<textarea rows="10" cols="10"></textarea>
			<br />
			<button type="submit">提交</button>
		</form>
		<button id="get_name_id">获取Name</button>
		<button id="get_tag_id">获取Tag</button>
	</body>
	<script type="text/javascript">
		function findByName(){
			console.log("S 获取formByName")
						console.log(document.getElementsByName("userName"))
						console.log(document.getElementsByName("password"))
						console.log(document.getElementsByName("gender"))
						console.log(document.getElementsByName("collge"))
						console.log(document.getElementsByName("like"))
						console.log(document.getElementsByName("intro"))
						console.log("E 获取formByName")
		}
		document.getElementById('get_name_id').onclick=findByName;
		
		function findByTag(){
			console.log("S 获取formByName")
						console.log("S 获取formByTag")
										console.log(document.getElementsByTagName("input"))
										console.log(document.getElementsByTagName("select"))
										console.log(document.getElementsByTagName("textarea"))
										console.log("E 获取formByTag")
		}
		document.getElementById('get_tag_id').onclick=findByTag;
	</script>
</html>
